import { NgModule, Component } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ThemeComponent }   from './theme/theme.component';
import { SettingsComponent} from './settings.component';
import { OlcComponent }     from './olc/olc.component';
import { MediaComponent }   from './media/media.component';
import { HelpComponent }    from './help/help.component';

const settingsRoutes: Routes = [
  {
    path: '',
    component: SettingsComponent,
    children:[{
      path: 'theme',
      component: ThemeComponent
    },
    {
      path: 'olc',
      component: OlcComponent
    }
    ,{
      path: 'media',
      component: MediaComponent
    },
    {
      path: 'help',
      component: HelpComponent
    }
  ]
  }
];


@NgModule({
  imports: [
    RouterModule.forChild(settingsRoutes)
  ],
  exports: [
    RouterModule
  ]
})

export class SettingsRoutingModule { }